<template>
  <el-card style="width: 95%; margin: auto; " shadow="hover">
    <div slot="header" class="clearfix">
      <span><i class="el-icon-s-flag" style="margin-right: 10px"></i>热门</span>
      <el-button style="float: right; padding: 3px 0" type="text"
        >查看更多>></el-button
      >
    </div>
    <div v-for="l in list" :key="l" style="font-size: 16px; margin-bottom: 20px">
      <a href="#" style="text-decoration: none; color: gray">
        {{ l }}
      </a>
    </div>
  </el-card>
</template>

<script>
export default {
data(){
  return {
    list:[
      "垃圾处理器yyds！干净厨房狠狠拿捏🌪",
    "在这个夏天，和更好的自己遇见。",
    "武汉天地 | 武汉电影艺术感拉满的巨屏！",
    "厨房好物💧全厨中央净和净水机才是神仙搭配",
    "挖到宝啦！请帮我推送给所有新手妈妈们！"
    ]
  }
}
}
</script>

<style>
.clearfix:after {
    clear: both
  }
</style>